import React, {PureComponent} from 'react';
import {SearchBar} from 'antd-mobile';

const searchBar = {
  backgroundColor: '#fff'
};

export default class Index extends PureComponent {
  state = {
    value: '美食',
  };

  componentDidMount() {
  }

  onChange = (value) => {
    this.setState({value});
  };

  render() {
    return (
      <div style={searchBar}>
        <SearchBar placeholder="Search" maxLength={8}/>
        {/*<WhiteSpace/>*/}
      </div>
    );
  }
}